<!DOCTYPE html>
<html>
<head>
	<title>07清除浮动</title>
<style>
	#a {
		width: 500px;
		height: 100px;
		background: gray;
		float: left;
	}

	#b {
		width: 500px;
		height: 60px;
		background: blue;
		float: right;
	}

	#c {
		width: 1000px;
		height: 100px;
		background: red;
		/*clear: left;左*/
		/*clear: right;右*/
		/*clear: both;全部*/
	}
</style>
</head>
<body>
	<div id="a"></div>
	<div id="b"></div>
	<div id="c"></div>
</body>
</html>